<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>bootstrap全局CSS样式</title>

		<!-- Bootstrap -->
		<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
		
		<script src="js/jquery-1.11.1.min.js"></script>
		<script src="bootstrap/js/bootstrap.min.js"></script>
		
	</head>

	<body>
		<!--改变图片形状-->
		<img src="img/2.jpg" alt="..." class="img-rounded">
		<img src="img/2.jpg" alt="..." class="img-circle">
		<img src="img/2.jpg" alt="..." class="img-thumbnail">
		
		<!--按钮预定样式-->
		<button type="button" class="btn btn-warning">Warning</button>
		
		<!--改变大小写-->
		<p class="text-lowercase">Lowercased text全小写</p>
		<p class="text-uppercase">Uppercased text全大写</p>
		<p class="text-capitalize">Capitalized text首字母大写</p>
		
		<!--关闭按钮-->
		<button type="button" class="close"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
			
		<!--三角符号-->
		<span class="caret"></span>
	</body>

</html>